<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>群格子 - Powered By LfYang</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--{literal}--><style type="text/css">
/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
</style><!--{/literal}-->
<link rel="stylesheet" type="text/css" href="/static/form/view.css" media="all" />
<link rel="stylesheet" type="text/css" href="/static/css/fineuploader.css" media="all" />
<script type="text/javascript" src="/static/javascript/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/static/javascript/gen_validatorv4.js"></script>
<script type="text/javascript" src="/static/javascript/uploader/header.js"></script>
<script type="text/javascript" src="/static/javascript/uploader/util.js"></script>
<script type="text/javascript" src="/static/javascript/uploader/button.js"></script>
<script type="text/javascript" src="/static/javascript/uploader/handler.base.js"></script>
<script type="text/javascript" src="/static/javascript/uploader/handler.form.js"></script>
<script type="text/javascript" src="/static/javascript/uploader/handler.xhr.js"></script>
<script type="text/javascript" src="/static/javascript/uploader/uploader.basic.js"></script>
<script type="text/javascript" src="/static/javascript/uploader/dnd.js"></script>
<script type="text/javascript" src="/static/javascript/uploader/uploader.js"></script>
<script type="text/javascript" src="/static/javascript/uploader/jquery-plugin.js"></script>
<script type="text/javascript" src="/static/form/view.js"></script>
<!--{literal}--><script type="text/javascript">
$(document).ready(
		function() {
			var errorHandler = function(event, id, fileName, reason) {
				qq.log("id: " + id + ", fileName: " + fileName + ", reason: "
						+ reason);
			};

			var fileNum = 0;

			$('#pop_picture').fineUploader({
				debug : true,
				request : {
					endpoint : "/ajax.php?ajax=1&action=upload",
					paramsInBody : false,
					params : {
						fileNum : function() {
							fileNum += 1;
							return fileNum;
						}
					}
				},
				chunking : {
					enabled : true
				},
				resume : {
					enabled : true
				},
				retry : {
					enableAuto : true,
					showButton : true
				}
			}).on('error', errorHandler).on(
					'uploadChunk resume',
					function(event, id, fileName, chunkData) {
						qq.log('on' + event.type + ' -  ID: ' + id
								+ ", FILENAME: " + fileName + ", PARTINDEX: "
								+ chunkData.partIndex + ", STARTBYTE: "
								+ chunkData.startByte + ", ENDBYTE: "
								+ chunkData.endByte + ", PARTCOUNT: "
								+ chunkData.totalParts);
					});
		});
</script><!--{/literal}-->
<!--{literal}--><style type="text/css">
*{
	margin: 0px;
	padding: 0px;
}
body{
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#container{
	width: 960px;
	margin: 0px auto;
	text-align: left;
}
.stage{
	width: 100%;
}
</style><!--{/literal}-->
<body>
<div id="container">
	<div class="stage"><!---->
		<img id="top" src="/static/form/top.png" alt="">
	<div id="form_container">
		<h1><a>发布QQ群</a></h1>
		<form id="form_575063" class="appnitro" enctype="multipart/form-data" method="post" action="/qqgroup/publish">				
			<ul >
				<li id="li_2" >
		<label class="description" for="element_2">群号<span class="reqtag">*</span> </label>
		<div>
			<input id="element_2" name="number" class="element text medium" type="text" maxlength="10" value=""/> 
		</div> 
		</li>		<li id="li_1" >
		<label class="description" for="element_1">群名<span class="reqtag">*</span> </label>
		<div>
			<input id="element_1" name="name" class="element text medium" type="text" maxlength="255" value=""/> 
		</div> 
		</li>		<li id="li_11" >
		<label class="description" for="element_11">群分类<span class="reqtag">*</span> </label>
		<div>
		<select class="element select medium" id="element_11" name="category"> 
			<!--{foreach $qgcats as $item}-->
			<option value="{$item->id}"{if $item@first} selected="selected"{/if}>{$item->catname}</option>
			<!--{/foreach}-->
		</select>
		</div> 
		</li>		<li id="li_9" >
		<label class="description" for="element_9">群验证答案 </label>
		<div>
			<input id="element_9" name="verifypwd" class="element text medium" type="text" maxlength="255" value=""/> 
		</div> 
		</li>		<li id="li_6" >
		<label class="description" for="element_6">群主<span class="reqtag">*</span> </label>
		<div>
			<input id="element_6" name="master" class="element text medium" type="text" maxlength="255" value=""/> 
		</div> 
		</li>		<li id="li_10" >
		<label class="description" for="element_10">群主QQ<span class="reqtag">*</span> </label>
		<div>
			<input id="element_10" name="masterqq" class="element text medium" type="text" maxlength="255" value=""/> 
		</div> 
		</li>		<li id="li_13" >
		<label class="description" for="sel_prv">省/自治区/直辖市 </label>
		<div>
		<select class="element select medium" id="sel_prv" name="province"> 
        <!--{foreach $prvs as $item}-->
			<option value="{$item->id}"{if $item@first} selected="selected"{/if}>{$item->name}</option>
        <!--{/foreach}-->
		</select>
		</div> 
		</li>		<li id="li_12" >
		<label class="description" for="sel_city">市/州 </label>
		<div>
		<select class="element select medium" id="sel_city" name="city"> 
		</select>
		</div> 
		</li>		<li id="li_14" >
		<label class="description" for="sel_district">县/区 </label>
		<div>
		<select class="element select medium" id="sel_district" name="district"> 
			<option value="" selected="selected"></option>
<option value="1" >First option</option>
<option value="2" >Second option</option>
<option value="3" >Third option</option>

		</select>
		</div> 
		</li>		<li id="li_5" >
		<label class="description" for="element_5">群海报 </label>
		<div id="pop_picture">
		</div>  
		</li>		<li id="li_15" >
		<label class="description" for="element_15">群简介 </label>
		<div>
			<textarea id="element_15" name="intro" class="element textarea medium"></textarea> 
		</div> 
		</li>
					<li class="buttons">
			    <input type="hidden" name="form_id" value="575063" /> 
				<input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
		</li>
			</ul>
		</form>
		<!--{literal}--><script type="text/javascript">
			var city = {};
			var district = {};
			function loadCity(pid) {
				if (city[pid] !== undefined) {
					$("#sel_city").empty().append(city[pid]).trigger('change');
				} else {
					$.get('/ajax.php?ajax=1&action=queryCity&prvId='+pid, function(html){
							$("#sel_city").empty().append(html).trigger('change');
							city[pid] = html;
					});
				}
			}
			function loadDistrict(cid) {
				if (district[cid] !== undefined) {
					$("#sel_district").empty().append(district[cid]);
				} else {
					$.get('/ajax.php?ajax=1&action=queryDistrict&cid='+cid, function(html){
							$("#sel_district").empty().append(html);
							district[cid] = html;
					});
				}
			}
			$(document).ready(function(){
				// 页面载入完成市获取显示省份的所辖城市
				loadCity($("#sel_prv").val());
				// 省份变化后更新城市列表，缓存在客户端
				$("#sel_prv").change(function(){
					loadCity($("#sel_prv").val());
				});
				$("#sel_city").change(function(){
					loadDistrict($("#sel_city").val());
				});
			});
		</script><!--{/literal}-->
	</div>
	</div>
</div>
</body>
</html>